
<!DOCTYPE html>
<html lang="zh-cn">
  <head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>{$data.name}</title>
    <meta name="keywords" content="{$data.seokeywords}" />
    <meta name="description" content="{$data.seodescription}" />
     {include:link}
   <script type="text/javascript">
   	   var $jq = $;
          $jq(document).ready(function(){
              $jq('.showpic_flash').bxSlider({
                pagerCustom: '#pic-page',
                 adaptiveHeight: true,
              });
       
          });
      </script>
  </head>
  <body id="photo">
  
  
 {include:zh.head}

 {include:zh.bannabg}
   
    <!-- main -->
      <div class="container">    
          <div class="row">

           <!-- right -->
           <div class="col-xs-12 col-sm-8 col-md-9" style="float:right">
                  <div class="list_box"> 
                    <h2 class="left_h">{$data.nav.name}</h2>

                    <!-- showpic -->
                    <div class="col-sm-11 col-md-8 col-md-offset-2" style="margin-bottom:30px; margin-top:20px;">
                        <ul class="showpic_flash">
                           {foreach explode('|',$data['album']) as $vo}
						   {if $vo!=''}
                          <li>
							  <a class="example-image-link" href="{@GetImgesUrl($vo)}" data-lightbox="example-set" target="_blank">
								  <img class="example-image" src="{@GetImgesUrl($vo)}" alt="{$data.name}"/>
							 </a>
							</li>
							{/if}
                           {/foreach}
                        </ul>
                        
                        <div id="pic-page">
						 {php $i=0}
                         {foreach explode('|',$data['album']) as $vo}
						 {if $vo!=''}
						 
                          <a data-slide-index="{@$i}" href="{@GetImgesUrl($vo)}"><img src="{@GetImgesUrl($vo)}" alt="{$data.name}" /></a>
                          
						  {php $i++}
						  {/if}
						  {/foreach}
                        </div>
                    </div>

                    <div class="product_con">
                    <div id="content">{$data.content}</div>
                    </div>

                     <div class="point">
                         <span class="to_prev col-xs-12 col-sm-6 col-md-6">上一个：
                         {if $prevnext.prev.url == '#'}
                         没有了
                         {else}
                         <a style="overflow:hidden" href="{@jmp('zh',$prevnext.prev.url)}" title="{$prevnext.prev.name}">{$prevnext.prev.name}</a>
                         {/if}
                         </span>
                         
                         					
                         <span class="to_next col-xs-12 col-sm-6 col-md-6">
                         下一个：
                         {if $prevnext.next.url == '#'}
                         没有了
                         {else}
                         <a href="{@jmp('zh',$prevnext.next.url)}" title="{$prevnext.next.name}">{$prevnext.next.name}</a>
                         
                         {/if}
                         
                         </span>
                      </div>


                  </div>
                  

                  <div class="list_related"> 
                    <h2 class="left_h">相关图片</h2>
                    <div class="product_list related_list">
                       {exhibition =>("name"=>"zh.list.picture.content","table"=>"picture","sort"=>"ASC","random"=>"1","begin"=>0,"rows"=>"4","where"=>"  ") as $vo}
                       
                            <div class="col-sm-4 col-md-3 col-mm-6 product_img">
                                <a href="{@jmp('zh',$vo['static_url'])}">
                                  <img  src="{$vo.graph}" class="img-thumbnail" alt="{$vo.name}"/>
                                </a>
                                <p class="product_title"><a href="{@jmp('zh',$vo['static_url'])}" title="{$vo.name}">{$vo.name}</a></p>
                            </div>
                        {/exhibition}
                    </div>
                  </div>
              </div>    

              <!-- left -->
              <div class="col-xs-12 col-sm-4 col-md-3">
                  <div class="left_nav" id="categories">
                    <h2 class="left_h">栏目导航</h2>
                         {include:zh.navs.content}
                  </div>

                  <div class="left_news">
                    <h2 class="left_h">新闻中心</h2>
                    {include:zh.news}
                  </div>
                 	{include:zh.contact}
              </div>

         </div>
      </div>
    
  {include:zh.bottom}
    
  </body>
</html>
